<template>
  <div id="successEvaluate">
    <top-bar :title="title" :showBack="false"></top-bar>
    <div>
      <p class="pj_ico">
        <img src="@/assets/imgs/pjcg_icon_duihao@2x.png" alt />
        <b>评价成功</b>
      </p>
      <div class="pj_chahua">
        <img src="@/assets/imgs/pj_chahua@2x.png" alt />
      </div>
      <p class="pj_chahua_text">感谢您的评价，祝您生活愉快</p>
    </div>
  </div>
</template>
<script>
import { Tabs, Icon, Field, InputItem, Toast, Dialog } from 'mand-mobile';
import TopBar from '@/components/TopBar';
import Loading from '@/components/loading';
import { decryptByDESModeEBC, encryptByDESModeEBC } from '@/common/encrypt';
import http from '@/common/http';
var CryptoJS = require('crypto-js');
export default {
  components: {
    [Tabs.name]: Tabs,
    [Icon.name]: Icon,
    [TopBar.name]: TopBar,
    [Field.name]: Field,
    [Toast.name]: Toast,
    [Dialog.name]: Dialog,
    [InputItem.name]: InputItem
  },
  data() {
    return {
      title: '评价成功',
      timer: ''
    };
  },
  mounted() {
    this.timer = setTimeout(() => {
      this.$router.push({
        name: 'Home'
      });
    }, 3000);
  },
  beforeDestroy() {
    clearInterval(this.timer);
    this.timer = null;
  },
  methods: {}
};
</script>
<style lang="stylus" scoped>
p {
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#successEvaluate {
  height: 100vh;
  background-color: color-primary-background;
}

.pj_ico {
  text-align: center;
  padding-top: 120px;
  color: #333;
}

.pj_ico img {
  width: 60px;
}

.pj_ico b {
  position: relative;
  bottom: 18px;
  left: 10px;
  font-size: 36px;
  font-weight: 400;
  color: #333;
}

.pj_chahua {
  margin-top: 50px;
  text-align: center;
}

.pj_chahua img {
  width: 40%;
}

.pj_chahua_text {
  text-align: center;
  font-size: 26px;
  margin-top: 20px;
  color: #666;
}
</style>
